@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; font-family: "微软雅黑"; box-sizing:border-box;}
img{ border:0;}
a{ text-decoration:none; color:#333; transition: all 0.3s; -o-transition: all 0.3s; -mos-transition: all 0.3s; -webkit-transition: all 0.3s;  }
input,textarea,button{outline:none;}
em{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
hr{ border:none;}
.l{ float:left}
.r{ float:right}
.tow{ overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.container{ width:1440px; margin: 0 auto;}
.clearfix{zoom:1; clear: none}
.clearfix:before,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}

/* 导航栏 */
.header_all{width:100%; height: 880px; position: relative}
.header_nav{ height:98px; position: absolute; top:0; left:50%; margin-left: -720px; z-index: 999 }
.h_logo{width:150px; height: 44px; float: left; margin-top:25px;}
.h_logo img{width:100%;  height: auto}
#menu{ height:98px; width:60%; float: left; margin-left:16%}
#menu .nav{ position:relative; z-index:1;  margin: 0 auto; width: 100%; height: 100%;}
#menu .nav a{ color:#a0a0a0;}
#menu .nav .nLi{ float:left;  position:relative; display:inline; height: 100%; width:10%;margin: 0px 1%}
#menu .nav .nLi p{ float:left; font-weight: normal; width:100%; text-align:center; font-size:16px; z-index: 2; position: relative; color:#bebebe; height:95px; line-height:95px }
#menu .nav .nLi p a{color:#bebebe;  overflow: hidden; width: 100%; height: 100%; display: block; }
#menu .nav .sub{ display:none; width:120px; left:50%; margin-left: -60px;  top:80px;  position:absolute; background:#ddd;  line-height:36px; }
#menu .nLi:hover p a{color:#fff}
#menu .nav .sub li{ zoom:1; }
#menu .nav .sub a{ display:block; text-align: center; height: 36px;font-size: 14px;  color:#222e48;}
#menu .nav .sub a:hover{ color:#00976e; }
#menu .nav .nLi .sub a:hover{ color:#fff;}
#menu .nav .active h3 a{ color:#fff; }
#menu .nav .active,#menu .nLi:hover{background: url(../images/hx.png) no-repeat center top}
.index_nav_wx{width:148px; text-align: center; float: right; margin-top: 16px;}
.nav_sj .i_shouji{width:16px; height: 26px; float: left; background: url(../images/icon_sj.png) no-repeat}
.nav_wx .i_wx{width:28px; height:23px; float: left; background: url(../images/icon_wx.png) no-repeat}
.nav_dt .i_dt{width:18px; height:26px; float: left; background: url(../images/icon_dt.png) no-repeat}
.nav_sj,.nav_wx{ height: 26px; position: relative; float: left; margin-top:20px; background: url(../images/bx.png) no-repeat right center; padding-right:15px;margin-left:15px;}
.nav_dt{margin-left: 15px; float: left; margin-top:18px;}
.nav_wx img{width:100px; height:100px; position: absolute; bottom:-110px; left:50%; margin-left: -50px; display: none;}
.nav_wx:hover img{display: block}
.nav_sj:hover img{display: block}
.nav_sj img{width:100px; height:100px; position: absolute; bottom:-110px; left:-15px;  display: none;}





/* 首页:banner */
.banner{ width:100%;  position:relative;  height:880px;clear: left; }
.banner .slideBox{position:relative;overflow:hidden;width:100%;height:100%}
.banner .slideBox .hd{position:absolute;right:50%; margin-right: -96px; bottom:30px;z-index:1;overflow:hidden;height:22px}
.banner .slideBox .hd ul{float:left;overflow:hidden;zoom:1}
.banner .slideBox .hd ul li{float:left;margin-right:15px;width:54px;height:5px; background: #ffffff; cursor:pointer; border-radius: 25px;}
.banner .slideBox .hd ul li:last-child{margin-right:0}
.banner .slideBox .hd ul li.on{background:#275eba}
.banner .slideBox .bd{position:relative;z-index:0;width:100%;height:100%}
.banner .slideBox .bd ul{width:100%;height:100%}
.banner .slideBox .bd li{width:100%;height:100%;vertical-align:middle;zoom:1}
.banner .slideBox .bd li a{display:block;overflow:hidden;width:100%;height:100%}
.banner .slideBox .bd img{display:block;width:100%;height:100%; }
.banner .slideBox .hd ul li:last-child{margin-right:0;}


/*产品中心*/
.index_product{width:100%; height:auto; overflow: hidden; background: #f8f9fb}
.pro_left{width:100%%;  height: 100%; padding-top:60px; text-align:center}
.index_title{width:100%; height: auto}
.index_title p{font-size: 28px; color: #00976e; font-weight: bold;}
.index_title h2{font-size: 24px; color: #333333;}
.index_title h3{font-size: 24px; color: #333333;}
.pro_left_xx{width:62%; height: auto; overflow: hidden; margin: 30px auto;}
.pro_left_xx h4{font-size: 18px; color: #4d4d4d}
.pro_left_xx h5{font-size: 16px; color: #4d4d4d}
.pro_left_xx p{font-size: 14px; color: #777777; line-height: 26px; width: 100%; height: auto; margin:20px 0}
.pro_left_xx img{width:386px; height:82px; display: block; margin:0px auto; }
.pro_left_xx span{width:210px; height: 45px; background: #275eba; text-align: center; line-height: 45px; font-size: 14px; color: #fff;display: block; margin:40px auto;}
.pro_img{width:70%;  height:auto;  overflow: hidden; margin:0px auto;}
.pro_img img{width:80%; margin:0 auto ; height: auto;}
.pro_img span{width:210px; height: 45px; background: #275eba; text-align: center; line-height: 45px; font-size: 14px; color: #fff;display: block; }
.pro_img a{width:210px; height: 45px;  display:block; margin:0px auto; margin-top: 20px; }
	
	
/*产品展示*/
.index_chanpin{width:100%; height: auto; overflow: hidden; margin-top: 100px;}
.chanpin_show{ width:100%;  height: 100%; position: relative}
.slideBox{position:relative;  width: 100%; height: 100%;  }
.parHd{width:auto; height:35px; line-height: 35px;  position: absolute; top: -98px; right:0}
.parHd ul{width:100%; height: auto; overflow: hidden}
.parHd ul li{width:auto; float: left; }
.parHd ul li a{font-size: 18px; color: #4d4d4d; margin-left:20px;}
.parHd ul li.on a{color: #00976e}
.sPrev,.sNext{ position:absolute;  top:50%; margin-top: -36px; display:block; width:45px; height:73px }
.sNext{ right:-50px;  background:url(../images/c_right.png) center no-repeat #777777;  }
.sPrev{  left:-60px; background:url(../images/c_left.png) center no-repeat #777777;  }
.sPrev:hover{background:url(../images/c_left.png) center no-repeat #275eba; }
.sNext:hover{background:url(../images/c_right.png) center no-repeat #275eba;  }
.chanpin_show .parBd{margin-top: 50px;}
.chanpin_show .parBd ul{ overflow:hidden; zoom:1;   }
.chanpin_show .parBd ul li{ margin:0 17px; float:left; _display:inline; overflow:hidden; text-align:center; width: 445px; height: auto;  border: 1px solid #bebebe }
.chanpin_show .parBd ul li .pic{width:100%;  height:auto; position: relative}
.chanpin_show .parBd ul li .pic img{width:100%; height: 100%; display: block}
.chanpin_show .parBd ul li .pic a:hover img{ }
.chanpin_show .parBd ul li .title{width:100%; height: 70px; line-height: 70px;  font-size: 20px; color: #777777;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.pic_hover{width:100%; height: 100%; background: rgba(0,151,110,0.6) url(../images/links.png) no-repeat center; position: absolute; top:0; left:0; opacity: 0}
.chanpin_show .parBd ul li:hover .pic_hover{opacity: 1}
.chanpin_show .parBd ul li:hover .title{background: #00976e; color: #fff}
.chanpin_show .parBd ul li:hover .title a{color:#fff}


/*产品特点*/
.index_cpys{width:100%; height:611px; background: url(../images/cp_ys.jpg) no-repeat; padding-top: 94px; margin-top: 98px;}
.index_cpys .index_cpys_t{width:100%; height: auto; overflow: hidden}
.index_cpys .index_cpys_t h4{font-size: 28px; color: #fff; font-weight: bold;}
.index_cpys .index_cpys_t h3{font-size: 24px; color: #fff}
.index_cpys .cpys_ul{width:80%; height: auto; margin-top: 46px;overflow: hidden}
.cpys_ul dl{width:22%; float: left; border:2px solid #fff; border-radius:10px; height: 140px; margin-right: 4%; margin-bottom: 25px; padding:18px 1% 0 1%;}
.cpys_ul dl:nth-child(4n){margin-right: 0}
.cpys_ul dl dt{width:100%; height: 42px; margin-bottom: 8px; line-height: 42px;}
.cpys_ul dl dt span{font-size: 20px; color: #fff; font-weight: bold; float: left}
.cpys_ul dl dt i{display: block; float: right}
.icon_1{width:35px; height: 34px; background: url(../images/i1.png) no-repeat}
.icon_2{width:30px; height: 40px; background: url(../images/i2.png) no-repeat}
.icon_3{width:32px; height: 32px; background: url(../images/i3.png) no-repeat}
.icon_4{width:32px; height: 34px; background: url(../images/i4.png) no-repeat}
.icon_5{width:33px; height: 34px; background: url(../images/i5.png) no-repeat}
.icon_6{width:34px; height: 34px; background: url(../images/i6.png) no-repeat}
.icon_7{width:34px; height: 30px; background: url(../images/i7.png) no-repeat}
.icon_8{width:27px; height: 32px; background: url(../images/i8.png) no-repeat}
.cpys_ul dl dd p{font-size: 14px; color: #fff; line-height: 26px;}
.cpys_ul dl:hover{background: #fff;}
.cpys_ul dl:hover span,.cpys_ul dl:hover p{color:#156353}
.cpys_ul dl:hover .icon_1{background: url(../images/ih1.png) no-repeat}
.cpys_ul dl:hover .icon_2{background: url(../images/ih2.png) no-repeat}
.cpys_ul dl:hover .icon_3{background: url(../images/ih3.png) no-repeat}
.cpys_ul dl:hover .icon_4{background: url(../images/ih4.png) no-repeat}
.cpys_ul dl:hover .icon_5{background: url(../images/ih5.png) no-repeat}
.cpys_ul dl:hover .icon_6{background: url(../images/ih6.png) no-repeat}
.cpys_ul dl:hover .icon_7{background: url(../images/ih7.png) no-repeat}
.cpys_ul dl:hover .icon_8{background: url(../images/ih8.png) no-repeat}



/*环境展示*/
.index_huanjing{width:100%; height: auto; overflow: hidden; margin-top: 95px;}
.huanjing_show{ width:100%;  height: 100%; position: relative}
.huanjing_show .slideBox{position:relative;  width: 100%; height: 100%;  }
.huanjing_show .parBd{margin-top: 50px;}
.huanjing_show .parBd ul{ overflow:hidden; zoom:1;   }
.huanjing_show .parBd ul li{ margin:0 7px; float:left; _display:inline; overflow:hidden; text-align:center; width:345px; height: auto;  }
.huanjing_show .parBd ul li .pic{width:100%;  height: auto; position: relative}
.huanjing_show .parBd ul li .pic img{width:100%; height: 100%; display: block}
.huanjing_show .parBd ul li .pic a:hover img{ }
.huanjing_show .parBd ul li .title{width:100%; height: 70px; line-height: 70px;  font-size: 20px; color: #777777;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.hj_hover{width:100%; height: 100%; position: absolute; top:0; left:0; background: rgba(0,0,0,0.5); text-align: center; padding-top: 20%; top:100%}
.hj_hover h4{font-size: 24px; color: #fff;  font-weight: bold;}
.hj_hover p{font-size: 16px; color: #fff; margin-top: 10px;}
.hj_hover span{font-size:32px; color:#fff}
.huanjing_show .parBd ul li:hover .hj_hover{top:0;} 



/*环境*/
.index_news{width:100%; height: auto; overflow: hidden; margin-top: 100px;}
.index_news_show{width:100%; height: 100%; }
.index_news_show .slideTxtBox{ width:100%; height: auto; position: relative}
.slideTxtBox .hd{width:auto; height:35px; line-height: 35px;  position: absolute; top: -50px; right:0}
.slideTxtBox .hd ul{width:100%; height: auto; overflow: hidden}
.slideTxtBox .hd ul li{width:auto; float: left; }
.slideTxtBox .hd ul li a{font-size: 18px; color: #4d4d4d; margin-left:20px;}
.slideTxtBox .hd ul li.on a{color: #00976e}
.slideTxtBox .bd ul{width:100%; height: auto; overflow: hidden}
.slideTxtBox .bd li{width:100%; height: auto; overflow: hidden}
.in_news_left{width:30%;  float: left; height: auto; margin-top: 50px;}
.in_news_left .news_left_pic{width:100%; height: auto; overflow: hidden}
.in_news_left .news_left_pic img{width:100%; height:100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.news_left_xx{width:100%; height:80px; background: #00976e; line-height: 80px; }
.news_left_xx p{width:70%; height:80px; line-height: 80px;  text-overflow: ellipsis; overflow: hidden; white-space:nowrap; font-size: 16px; color: #fff; padding: 0px 20px; float: left}
.news_left_xx  img{width:80px; height:80px; float: right }
.in_news_right{width:66%; float: right}
.in_news_right dl{width:45%; float: left; margin-top: 50px;}
.in_news_right dl:nth-child(2n){float: right}
.in_news_right dl dt{font-size: 18px; color: #4d4d4d; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 12px;}
.in_news_right dl dd{width:100%; height:auto;  line-height: 26px; overflow: hidden; font-size: 14px; color: #777777}
.in_news_right dl dd p{width:100%; height: 85px;  line-height: 26px; overflow: hidden; font-size: 14px; color: #777777;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:3;
  -webkit-box-orient:vertical; overflow:hidden; margin-bottom: 5px;}
.in_news_right dl dd span{font-size: 22px; color: #4d4d4d;}
.in_news_right dl:hover p,.in_news_right dl:hover span,.in_news_right dl:hover dt{color:#00976e}
.in_news_left:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}


/*底部*/
.footer{width: 100%; height:384px; background:#222222; padding-top:140px; margin-top:-40px;}

.f_nav{width:16%; height: auto; overflow: hidden;  margin-left: 6%; background: url(../images/bx.png) no-repeat right top; padding-right: 30px; float: left; margin-top: 10px;}
.f_nav a{width:50%; float: left; height: 30px; color: #fff; font-size: 14px;}
.f_nav a:hover{color:#00976e}
.footer_xx{width:25%; height: auto; float: left; background: url(../images/bx.png) no-repeat right center}
.footer_xx h4{font-size: 18px; color: #ffffff; font-weight: bold; margin-bottom: 20px;}
.footer_xx p{font-size: 14px; color: #fff; height:28px; line-height:28px; padding-left: 25px; margin-bottom:5px}
.footer_xx .f_info{width:100%; height: auto; overflow: hidden}
.f_info .f1{background: url(../images/f1.png) no-repeat left center}
.f_info .f2{background: url(../images/f2.png) no-repeat left center}
.f_info .f3{background: url(../images/f3.png) no-repeat left center}
.footer_top_right{width:23%;  display: block; overflow: hidden; float: left; background: url(../images/bx.png) no-repeat right top; padding-right: 2%; margin-left: 1%;    
	margin-top: 10px; }
.footer_img{width:110px; height: auto; overflow: hidden; float: left; margin-left:8%;}
.footer_img img{width:110px; height:110px;}
.footer_img p{width:100%; height:35px; line-height:35px; text-align: center; font-size:13px;  color: #ffffff;}
.fservicec_dh{width:100%; height: auto; overflow: hidden; }
.fservicec_dh img{width:44px; height: 44px; float: left; margin-top:7px;  margin-right: 8px;}
.fservicec_dh .fs_xx{float: left}
.fservicec_dh .fs_xx p{font-size: 14px; color: #fff; }
.fservicec_dh .fs_xx h6{font-size: 26px; font-weight: normal; color: #fff}
.f_zixun{width:184px; height: 50px; background: #00976e; margin-top: 20px; padding-left: 35px;}
.f_zixun img{float: left; margin-top:15px; margin-right: 10px;}
.f_zixun p{font-size: 16px; color: #fff; line-height:50px; }
.f_service{width:auto; float: right}
.footer_ban{width:100%; height:80px; line-height:80px;overflow: hidden; background: #275eba;}
.footer_zhichi{width:auto; height:80px;  float: right}
.footer_zhichi p{ width: auto; float: left; margin-left: 20px; font-size: 14px; color:#fff;}
.footer_zhichi .pt{width:121px;height: 18px; background: url(../images/vl.png) no-repeat; margin-top:28px; margin-right: 10px}
.footer_zhichi .js{width:121px;height: 18px; background: url(../images/wl.png) no-repeat; margin-top:28px;}
.footer_zhichi .pt:hover{background: url(../images/vl_hover.png) no-repeat}
.footer_zhichi .js:hover{background: url(../images/wl_hover.png) no-repeat} 
.footer_zhichi span{float: left; font-size: 14px; color: #fff;}
.footer_zhichi i{ float: left;}
.f_brq{width:auto;height:100%; font-size: 14px; color:#fff; float: left}
.f_brq a{margin-left: 15px; font-size: 14px; color: #fff}
.f_brq a:hover{color:#00976e!important}
.index_kuaijie{width:1440px; height: 82px; background: #00976e; overflow: hidden; margin: 100px auto 0; position: relative; z-index: 9}
.index_kuaijie a{float: left; width:auto; text-align: center; font-size: 16px; color: #fff; margin: 0px 2%; line-height: 82px; }
.index_kuaijie p{font-size: 32px; color: #fff; float: left;  background: #275eba; width: 10%; text-align: center; line-height: 82px;}
.index_kuaijie a:hover{color:#275eba}



/* 内页banner */
.news_banner{ height: 300px; width: 100%; background:#ddd url(../images/news_banner.jpg) no-repeat center;}
.about_banner{ height: 300px; width: 100%; background:#ddd url(../images/about_banner.jpg) no-repeat center;}
.goods_banner{ height: 300px; width: 100%; background:#ddd url(../images/goods_banner.jpg) no-repeat center;}
.case_banner{ height: 300px; width: 100%; background:#ddd url(../images/case_banner.jpg)  no-repeat center;}
.service_banner{ height: 300px; width: 100%; background:#ddd url(../images/service_banner.jpg)  no-repeat center;}
.contact_banner{ height: 300px; width: 100%; background:#ddd url(../images/contact_banner.jpg)  no-repeat center;}
.gcsb_banner{ height: 300px; width: 100%; background:#ddd url(../images/gcsb_banner.jpg)  no-repeat center;}



/*内页导航*/
.ny_about{width:100%; height: auto; font-size: 14px; color: #666; line-height: 28px; margin-top: 40px;}

p.inside_con_title{ font-size: 30px; color: #fff;  padding-top: 215px; line-height: 54px;}
.location,.location a{ color: #fff; font-size: 14px; width:100%; height:30px; line-height:30px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.location a:hover{ color: #00976e}
.inside_con{ height: 64px; line-height: 64px; background: #f4f4f4;}
.inside_con ul li{ margin-top: 12px;  float: left; position: relative;}
.inside_con ul li::before{content: "";position: absolute; height: 15px; width: 1px; background: #dedede; left: 0; top: 12px;}
.inside_con ul li:last-child::after{content: "";position: absolute; height: 15px; width: 1px; background: #dedede; right: 0; top: 12px;}
.inside_con ul li a{ display: block; height: 40px; line-height: 40px;padding: 0 26px; font-size:14px;}
.inside_con ul li.active a{background: #00976e; color: #fff;}
.inside_con ul li.active::before{content: ""; display: none}
.inside_con ul li.active:hover::before{content: ""; display: none}
.inside_con ul li:hover{background: #00976e; color: #fff;}
.inside_con ul li:hover a{color:#fff}
.inside_body{ min-height: 300px; padding: 60px 0; overflow: hidden;}
.inside_body p{line-height: 30px; margin-bottom: 10px; color: #666; font-size: 14px;}


/* 新闻列表 */
.news_first{ height:auto; padding-bottom: 16px; border-bottom: 1px solid #eee; margin-bottom: 16px;  margin-top: 30px; overflow: hidden}
.news_first a.news_first_img{ display: block; width: 284px; height: 200px; overflow: hidden; float: left; }
.news_first a.news_first_img img{ width: 100%; height: auto;transition:all 0.4s;}
.news_first a.news_first_img img:hover{transform: scale(1.1); transition: all .4s; }
.news_first .news_first_right{ width: auto; height: 200px; margin-left:295px;}
.news_first .news_first_right p{ font-size: 18px; line-height: 64px; color: #333;}
.news_first .news_first_right p:hover{color: #00976e}
.date_cunt{ height: 30px; line-height: 30px;}
.date_cunt li{ display: inline-block; float: left; margin-right: 20px; color: #999; padding-left: 20px; font-size: 14px;}
.date_cunt li.date{ background: url(../images/tl_index_20.png) no-repeat left;}
.date_cunt li.cunt{ background: url(../images/tl_index_21.png) no-repeat left;}
.news_first .news_first_right span{ display:block; line-height: 1.5; color: #666; text-align: justify; font-size: 14px; margin-top: 10px;}
.news_first .news_first_right i{ font-style: normal; display: block; margin-top: 20px; color: #999; font-size: 14px;}
.inside_news_list{ width: 100%; overflow: hidden;}
.inside_news_list li{ float: left; width:48%; height: 142px; margin-bottom: 16px; border-bottom: 1px solid #eee;}
.inside_news_list li:nth-child(2n){float:right}
.inside_news_list li:hover{  background: #f8f8f8;}
.inside_news_list li .news_left{ float: left; width: 104px; margin-top: 38px; background: url(../images/hw_top_26.png) no-repeat right center; text-align: center; font-size: 42px; color: #333; line-height: 32px;}
.inside_news_list li .news_left span{ font-size: 14px; color: #666;}
.inside_news_list li .news_right{ width:auto; padding: 28px 24px 0 24px; margin-left:104px; }
.inside_news_list li .news_right h3{ font-size: 18px; line-height: 32px; width:100%; height:32px;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.inside_news_list li .news_right a:hover{ color: #00976e}
.inside_news_list li .news_right p{font-size: 14px; line-height: 26px; color: #666; width: 100%; height:58px; overflow: hidden}

.ny_bioati{width: 100%; font-size: 20px; color: #555; padding: 10px 0px; text-align: center;  clear: both}
.ny_btime{width: 100%; line-height: 30px; color: #999; height: 30px; margin-bottom: 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center;
                    clear: both; font-size:14px;}



/*工程案列 */
.ny_case,.ny_goods,.ny_service{width:100%; height: auto; overflow: hidden; margin-top: 40px;}
.ny_service{font-size:14px; color:#666;  line-height:28px;}
.ny_service img{max-width: 100%}
.case_list{ width: 100%; overflow: hidden;}
.case_list li{width:24%; float: left; border: 1px solid #eee; margin-right:1%; margin-bottom: 16px; } 
.case_list li .img{ width: 100%;  margin: 0 auto; overflow: hidden; height:auto; overflow: hidden; padding: 10px 10px 0;}
.case_list li .img img{ width: 100%; height: 100%;  display: block}
.case_list li:hover{ border: 1px solid #00976e}
.case_list li:hover div{ color: #00976e}
.gallery-title{ height: 42px; line-height: 42px; text-align: center;  font-size: 15px; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.case_list li:nth-child(4n){margin-right: 0;}



/*联系我们 */
.ny_contact{width:100%; height: auto; overflow: hidden; margin-top: 40px;}
#map{ width: 65%; border: 1px solid #e8e8e8; height: 418px; margin-bottom: 30px; float:left;}
.contact_fs_main{ height: 418px; width:35%; background: #fff; border: 1px solid #e8e8e8; border-left: none; float: left; padding-left: 43px; padding-top:50px;}
.contact_fs_main h3{display: block;font-size: 18px; margin-top: 48px; line-height: 56px; margin-bottom: 10px; position: relative;}
.contact_fs_main h3::after{ content: ""; display: block; height: 5px;  width: 32px; background: #00976e; position: absolute; left:0; bottom: 0; }
.contact_fs_main p{ line-height: 26px;  color: #666; text-indent: 30px;  font-size: 14px;}
.contact_fs_main p a{ color: #666;}
.contact_fs_main p.contact_icon1{ background: url(../images/f1.png) no-repeat left;}
.contact_fs_main p.contact_icon2{ background: url(../images/f2.png) no-repeat left;}
.contact_fs_main p.contact_icon3{ background: url(../images/f3.png) no-repeat left;}
.contact_fs_main p.contact_icon4{ background: url(../images/f4.png) no-repeat left;}
.contact_fs_main img{ margin-top: 10px;}
.BMap_bubble_title{ font-size: 16px; color: #00976e; font-weight: bold;}
.BMap_bubble_content{ line-height: 24px;}


/*产品详情*/
.ny_ps_list{margin-top:20px;}
#proshow{font-size:16px; color:#666; line-height:26px;}
.ny_ps_list .promsg table,.ny_ps_list .promsg table tr,.ny_ps_list .promsg table td{border:1px solid  #ddd}

/*手机产品详情*/
.sj_pro{width:100%; height:auto; overflow:hidden; padding:0px 10px; display:none;}
.sj_pro_img{width:100%; height:auto; margin:15px   0}
.sj_pro img{max-width:100%; height:auto!important;}
.sj_pro_info{font-size:0.9rem; color:#666; line-height:26px;}
.sj_pro_info h4{width:100%; line-height:28px; margin-bottom:10px; font-size:1.2rem; color:#333; font-weight:bold; text-align:center}
.ny_rtime{width: 100%; line-height: 30px; color: #999; height: 30px; margin-bottom: 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center;clear: both; font-size:14px;}
.ny_rtile{width: 100%; font-size: 20px; color: #555; padding: 10px 0px; text-align: center; clear: both}
.ny_rxingqu{width: 100%; font-size: 20px; color: #333; padding: 10px 0px; clear: both}
.keyword_light img{max-width:100%;}
.ny_ps_list{margin-top:30px;}

iframe{height:730px!important;}



/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:50%;
    width: 77px;
    z-index: 999;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}
.lxfx li p {
    line-height: 12px;
    text-align: center; font-size: 14px;
}
.lxfx li {
    background:#00976e;
    height: 56px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}



/*手机导航*/
.index_header{display: none; background: #00976e}
.sj_header{width:100%; clear:both; height:70px;  padding: 0px 10px; }
.logo{float:left; width:20%; margin-top: 12px;}
.menu{float:right; height:25px; width:34px; margin-top: 20px; }
.menu img{height:100%; width:100%;}
.app{float:right; padding-right:15px; margin-top:7px;}
.app img{height:22px;}
.logo img{width:100%; height: 100%;}
.openmenu{overflow-y:scroll; }
#pgcontainer{margin:0px; padding:45px 0px;}
.overlay{left:0px; right:0px; bottom:0px; position: fixed; z-index:99; background-color:rgba(0, 0, 0, 0.5);}
.openmenu .overlay{top:0px;}
#hamburgermenu{background:#00976e; left:0px; top:0px; width:0px; height:100%; overflow-y:scroll; position:fixed; z-index:999; box-shadow:3px 0px 7px rgba(0,0,0,0.55); -webkit-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55); -moz-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55);}
.nav_logo{width:100%; padding-top:10px; text-align:center; clear:both;}
.nav_logo img{height:35px; margin:5px 0px;}
.menu_head{width:100%; min-width:150px; border-bottom:rgba(255, 255, 255, 0.32) 1px solid; line-height:25px; text-indent:1em; color:#fff; padding:8px 0px; font-size:0.9rem; position:relative; margin:0px;}
.menu_head img{vertical-align:middle; height:25px; padding-right:5px;}
.menu_head a{color:#fff;}
.menu_body{width:100%; min-width:150px; overflow:hidden; line-height:38px; display:none;}
.menu_body a{width:100%; display:block; height:28px; line-height:28px; color:#fff; text-indent:2em; font-size:0.9rem; border-bottom:rgba(255, 255, 255, 0.32) 1px solid;}

/*banner*/
.sj_banner{width:100%; display: none;}
.sj_banner img{width:100%; height: auto;}
.swiper-container {width: 100%; height: 100%;margin-left: auto; margin-right: auto;}
.swiper-slide {text-align: center; font-size: 18px; display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.swiper-pagination-bullet-active{background: #00976e}


/*手机行业应用*/
.sj_yyhy{display: none;}

/*sj底部*/
footer{ position: fixed;  bottom: 0;left: 0;z-index:888; height: 60px;width: 100%; background:#00976e; font-size: .14rem; padding: 0px 10px; display: none;}
footer li{width: 20%;height: 100%;float: left}
footer li img{width: 24px;height: 24px;display: block;margin: 0 auto}
footer li a{display: block;width: 100%;height: 100%;text-align: center;box-sizing: border-box;padding-top:6px;color: #fff}
footer span{line-height:30px; font-size: 12px; color: #fff; display: block; width: 100%;}
footer li a.active{background:#275eba;color: #fff}
.copy {width: 100%; padding-top:25px; text-align: center; line-height: 20px; clear: both; font-size: 14px; display: none;}
.copy a{ font-size: 16px; color: #999; height: 30px; line-height: 30px;}
.copy p{width:100%; font-size: 16px; color: #999; line-height: 30px;}
.copy  span{ font-size: 26px; color: #bb0101; font-weight: bold; margin-left:2px;}
.copy img{ width:28px; height: 22px; float: left;}
.copy .iconfont{  font-size: 25px; color: #666666; margin-right:6px;}




/*手机banner*/
.sj_banner .swiper-pagination-bullet-active { opacity: 1; background: #007aff;}
.sj_banner .swiper-pagination-switch {width: 8px;  height: 8px; display: inline-block; border-radius: 100%; background: #000;   margin: 0px 5px;}
.sj_banner .swiper-active-switch { background: #1a5bb5}
.sj_banner .swiper-pagination{bottom:10px; width: 100%; left:0; text-align: center}


/*手机产品*/
.index_sjchanpin{width:100%; height: auto;   position: relative; display: none}
.index_sjchanpin .sjchanpin_list{width:40%; height: auto; overflow: hidden; position: absolute; top:-60px;  right:0px;}
.index_sjchanpin .sjchanpin_list li{width:auto; margin-left: 10%; float: left}
.index_sjchanpin .sjchanpin_list li a{font-size: 18px; color: #4d4d4d}
.index_sjchanpin .swiper-slide a{width:100%; height: auto; display: block}
.chan_pic{width:100%; height: 100%;}
.chan_pic img{width:100%; height: auto}
.chan_pic p{width:100%; height: 35px; line-height:35px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.index_sjchanpin .swiper-container{margin-top: 30px;padding-bottom: 50px;}
.swiper-pagination-bullet-active{background: #00976e}
.table_xx{width:100%; overflow-y:auto;}
.table_xx img{max-width:100%; height:auto!important;}

/*手机页码*/
.page-list{ position:relative; margin:20px 0; clear:both; display:none; }
.page-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.page-list a,.page-list span{ margin:0;  padding:0; display:none; float:left; width:25%; line-height:35px; border:1px solid #ddd; border-right-color:#fff; font-size:13px; text-align:center; background:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.page-list span{ color:#999; }
.page-list a{ color:#1eabf3; }
.page-list span:nth-child(1),.page-list span:nth-child(2),.page-list a:nth-child(2){ display:block; float:left;}
.page-list span:nth-last-child(1),.page-list a:nth-last-child(1){ display:block; float:left; border-right-color:#ddd; }
.page-list .current{ display:block; float:left; }



@media only screen and (max-width:1550px ) {
.container{ width:90%; margin: 0 auto;}
	.header_nav{left:50%; margin-left: -45%;}

}
@media only screen and (max-width:1440px ) {
	
	#menu{margin-left: 7%; width: 68%}
	.chanpin_show .parBd ul li{width:375px;}
	.sNext{right:-15px;}
	.sPrev{left:-10px}
	.chanpin_show .slideBox{padding-left: 35px;}
	.parHd{right:61px;}
	.huanjing_show .parBd ul li{width:285px;}
	.huanjing_show .slideBox{padding-left: 42px;}
	.index_kuaijie{width:100%;}
	.footer_xx{width:355px;}
	.index_product .slick-prev{right:80px;}
	.pro_img{background-size: 79% 100%}
	.index_cpys .cpys_ul{width:83%}
	
}

@media only screen and (max-width:1366px ) {
	.chanpin_show .parBd ul li{width:352px;}
	.index_cpys .cpys_ul{width:90%}
	.huanjing_show .parBd ul li{width:270px;}
	.f_nav{margin-left: 4%}
	.footer_img{margin-left: 5%}


	
}



@media only screen and (max-width:1024px ) {
	.container{width:95%;}
	.chanpin_show,.huanjing_show,.footer_top_right,.index_nav_wx,.footer_zhichi{display: none;}
	.index_cpys .cpys_ul{width:100%;}
	.index_sjchanpin{display: block;}
	.cpys_ul dl{padding: 15px 10px 0}
	.in_news_left{width:44%;}
	.in_news_right{width:54%;}
	.f_nav{width:23%;}
	#menu{width:77%;}
.pro_left_xx{width:85%}

	
}


@media only screen and (max-width:768px ) {
	body{padding-bottom: 60px;}
	.header_all,.lxfx,.index_kuaijie,.footer,.footer_ban,.header_nav{display: none;}
	.index_header,.sj_banner,.copy,footer{display: block}
	.pro_left{padding-top: 20px;}
	.pro_left_xx span,.index_huanjing,.index_news,.index_chanpin{margin-top:45px;}
	.pro_img, .index_product{height:570px;}
	.pro_left_xx p{margin: 20px 0}
	.index_product .slick-next,.index_product .slick-prev{display: none!important;}
	.index_cpys{margin-top: 45px; height: auto; padding-top: 20px; padding-bottom: 20px; background-size: cover}
	.cpys_ul dl{width:30%;}
	.cpys_ul dl:nth-child(3n){margin-right: 0;}
	.cpys_ul dl:nth-child(4n){margin-right: 4%;}
	.in_news_left{width:50%;}
	.in_news_right{width:45%;}
	.sj_pro{display:block;}
	#proshow{display:none;}
	.news_first .news_first_right span{height:46px; overflow:hidden;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden;}
	
}


@media only screen and (max-width:425px ) {
	.pro_left,.pro_img{width:100%; float: none;}
	.pro_left_xx img{width: 90%; margin:0px auto;  height:auto;}
	.index_product,.pro_img{height:auto; background: none;}
	.pro_img img{width:100%; margin-top: 0px;}
	.pro_img span{display: block;}
	.pro_left_xx span{display: none;}
	.pro_img{margin-top: 10px;}
	.index_sjchanpin .sjchanpin_list{position: inherit; top:10px; width: 100%;}
	.cpys_ul dl{width:48%; height: 158px;}
	.cpys_ul dl:nth-child(2n){float: right; margin-right: 0;}
	.slideTxtBox .hd{top:10px;}
	.in_news_left,.in_news_right{width:100%;}
	.logo{width:37%;}
	.index_news_show .slideTxtBox .hd{right:30%;}
	p.inside_con_title{padding-top:100px;}
	.ny_ban{height:auto;}
	.case_list li{width:48%; margin-right:0}
	.case_list li:nth-child(2n){float:right; margin-right:0px;}
	.page-list{display:block;}
	.digg{display:none;}
	.ny_about img{max-width: 100%}
	.inside_con ul,.pro_left_xx{width:100%;}
	.inside_con ul li{width:33.33%;  text-align:center}
	.inside_con ul li a{width:100%; padding:0px;}
	.news_first a.news_first_img{width:100%; height:auto; float:none;}
	.news_first .news_first_right{width:100%;  margin-left:0px;}
	.inside_news_list li{width:100%; float:none;}
	.inside_news_list li:nth-child(2n){float:none;}
	#map{width:100%;}
	.contact_fs_main{width:100%; padding:0px; border:0; height:auto;}
	
}


@media only screen and (max-width:375px ) {
	.cpys_ul dl{height:190px;}
	.index_title h4{font-size: 1.4rem}
	
	
}

@media only screen and (max-width:320px ) {
	
	
}